<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>个人注册</title>
	<link rel="icon" href="https://www.jd.com/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/besa.css">
	<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<!-- <script type="text/javascript" src="./Three-party-plug-in/JS/Page_zoom.js"></script> -->
</head>

<body>
	<header class="header_login">
		<div class="header-logo">
			<div class="header-left">
				<a href="./index.html">
					<img src="imgs/logo-201305-b.png" />
				</a>
				<div class="logo-title">欢迎注册</div>
			</div>
			<div class="header-right">
				<a href="./login.html">
					已有账号？请登录></a>
			</div>
		</div>
	</header>
	<div style="clear: both;"></div>
	<div class="section_reg">
		<div class="progress-bar">
			<div class="pro-step">
				<span class="step-index">1</span>
				<p class="step-desc">验证手机号</p>
			</div>
			<div class="Partition_point">
				..........
				<i class="fa fa-angle-right FA_r" aria-hidden="true"></i>
			</div>
			<div class="person-pro-step2">
				<span class="step-index2_3">2</span>
				<p class="step-desc2">填写账号信息</p>
			</div>
			<div class="Partition_point1">
				..........
				<i class="fa fa-angle-right FA_r" aria-hidden="true"></i>
			</div>
			<div class="person-pro-step3">
				<span class="step-index2_3">3</span>
				<p class="step-desc2">注册成功</p>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div class="step1-wrap">
			<div class="item-phone-wrap">
				<div class="form-itee">
					<select class="select-country">
						<option value="中国 0086" class="arrow">中国 0086</option>
						<option value="中国香港 0852" class="arrow">中国香港 0852</option>
						<option value="中国澳门 0853" class="arrow">中国澳门 0853</option>
						<option value="中国台湾 0886" class="arrow">中国台湾 0886</option>
					</select>
					<input type="text" maxlength="11" name="phone" class="field" placeholder="请输入常用手机号" id="phone">
				</div>
			</div>
			<input type="button" name="" value="点击按钮进行验证" class="submil_a" onblur="upperCase()" />
			<div class="btn-register">下一步</div>
			<div class="reg-other">
				<a href="" class="reg-other-item">
					<i class="reg-ohter-icon"></i>企业用户注册
				</a>
				<a href="" class="reg-other-item_R">
					<i class="reg-ohter-icon"></i>国际站注册
				</a>
			</div>
		</div>
	</div>
	<div style="clear: both;"></div>
	<div class="bottom">
		<p>
			<a href="#">关于我们</a>
			<span> | </span>
			<a href="#">联系我们</a>
			<span> | </span>
			<a href="#">人才招聘</a>
			<span> | </span>
			<a href="#">商家入驻</a>
			<span> | </span>
			<a href="#">广告服务</a>
			<span> | </span>
			<a href="#">手机京东</a>
			<span> | </span>
			<a href="#">友情链接</a>
			<span> | </span>
			<a href="#">销售联盟</a>
			<span> | </span>
			<a href="#">京东社区</a>
			<span> | </span>
			<a href="#">京东公益</a>
			<span> | </span>
			<a href="#">English Site</a>
		</p>
		<p>Copyright © 2004-2018 京东JD.com 版权所有</p>
	</div>
</body>
<script type="text/javascript">
	function upperCase() {
		var phone = document.getElementById('phone').value;
		if (!(/^1[34578]\d{9}$/.test(phone))) {
			alert("手机号码有误，请重填");
			return false;
		} else {
			alert("请点击下一步");
			return true;
		}
	}
</script>

</html>